<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./style/css/main.css">
    <title>我的作品</title>
</head>
<body>
    <nav class="topbar">
        <ul class="topbar_list">
            <a href="./index.html"><li class="topbar_list_item ">主页</li></a>
            <a href="./about.html"><li class="topbar_list_item ">关于我</li></a>
            <a href="./scenary.html"><li class="topbar_list_item ">风景照片</li></a>
            <a href="./works.html"><li class="topbar_list_item active">我的作品</li></a>
        </ul>
    </nav>
    <nav class="topbar_mobile">
        <ul class="topbar_mobile_list">
            <a href="./index.html"><li class="topbar_list_item active">主页</li></a>
            <a href="./about.html"><li class="topbar_list_item ">关于我</li></a>
            <a href="./scenary.html"><li class="topbar_list_item ">风景照片</li></a>
            <a href="./works.html"><li class="topbar_list_item">我的作品</li></a>
        </ul>
    </nav>
    <div class="mywork">
        <div class="tit">
            <svg t="1707198334464" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4293" width="64" height="64"><path d="M849.92 51.2H174.08c-67.8656 0-122.88 55.0144-122.88 122.88v675.84c0 67.8656 55.0144 122.88 122.88 122.88h675.84c67.8656 0 122.88-55.0144 122.88-122.88V174.08c0-67.8656-55.0144-122.88-122.88-122.88z m-337.92 768c-169.66144 0-307.2-137.53856-307.2-307.2s137.54368-307.2 307.2-307.2a306.176 306.176 0 0 1 120.83712 24.71424c-16.06656 13.6192-69.41696 47.5904-196.99712 41.2416 0 0-28.7488 0.72192-14.37696 26.59328l138.76736 242.47808a152.7808 152.7808 0 0 0-30.96576-3.16416c-72.23808 0-130.79552 49.87392-130.79552 111.39584 0 61.5168 58.56256 111.39072 130.79552 111.39072 72.23296 0 130.79552-49.87392 130.79552-111.39072 0-27.34592-11.58656-52.37248-30.77632-71.7568l0.01536-0.00512-105.7792-183.72608s-6.17472-8.98048 4.45952-14.37184c9.4464-4.7872 86.99904-33.47968 136.96512-132.57216L682.70592 204.8s4.72064 24.15616 5.60128 55.73632C767.4368 316.09856 819.2 407.97184 819.2 512c0 169.66144-137.53856 307.2-307.2 307.2z" fill="#26CEAA" p-id="4294"></path></svg>
            <h3>高仿QQ音乐前端</h3>
        </div>

        <div class="content_list">
            <h4>
                <svg t="1707202026017" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="21924" id="mx_n_1707202026017" width="32" height="32"><path d="M1005.565952 876.806144l-167.315456-7.8848-105.13408 134.672384-58.732544-146.51392c-50.343936 20.221952-105.127936 31.567872-162.875392 31.567872-53.798912 0-105.127936-9.859072-152.512512-27.625472L290.392064 1005.568l-103.155712-132.704256-168.800256 7.899136 106.610688-226.43712c-31.096832-60.188672-48.863232-128.264192-48.863232-200.790016 0-240.24064 194.957312-435.101696 435.324928-435.101696s435.324928 194.861056 435.324928 435.101696c0 66.60096-15.302656 129.757184-41.95328 186.486784l100.685824 236.783616z m-258.625536 28.61056l68.110336-87.314432 114.016256 5.429248-55.283712-129.744896c-38.989824 59.199488-92.295168 108.036096-154.976256 142.08l28.133376 69.55008zM97.898496 827.47392l112.533504-4.933632 69.593088 89.300992 34.054144-71.041024c-63.174656-32.069632-117.465088-79.427584-157.939712-136.6528L97.898496 827.47392zM511.50848 67.76832c-212.72576 0-385.968128 173.146112-385.968128 385.767424 0 212.631552 173.242368 385.779712 385.968128 385.779712 212.72576 0 385.968128-173.14816 385.968128-385.779712 0-212.621312-173.242368-385.767424-385.968128-385.767424z m175.70816 655.128576l-175.214592-91.756544-175.214592 91.756544 33.560576-194.861056-141.651968-138.131456 195.45088-28.61056 87.361536-177.108992 88.346624 177.108992 195.45088 28.61056-141.651968 138.131456 33.562624 194.861056z m1.482752-298.459136l-96.741376-13.815808-25.665536-3.950592-11.352064-23.179264-43.431936-87.816192-43.436032 87.816192-11.347968 23.179264-25.669632 3.950592-96.73728 13.815808 69.09952 68.07552 18.753536 18.253824-4.442112 25.649152-16.287744 96.202752 86.3744-45.389824 23.199744-11.835392 23.195648 11.835392 86.3744 45.389824-16.287744-96.202752-4.442112-25.649152 18.757632-18.253824 70.086656-68.07552z" fill="#26ceaa" p-id="21925"></path></svg>
                技术栈
            </h4>
            <div class="content_list_item">
                <div class="tec_icon">
                    <svg t="1707198540534" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5287" width="32" height="32"><path d="M848.896 567.296c-32.768 0-62.464 7.168-86.016 19.456-9.216-17.408-17.408-32.768-19.456-45.056-1.024-13.312-4.096-20.48-1.024-36.864 1.024-16.384 12.288-38.912 12.288-39.936 0-1.024-1.024-10.24-20.48-10.24s-35.84 3.072-36.864 9.216c-1.024 4.096-6.144 16.384-7.168 28.672-3.072 17.408-38.912 78.848-58.368 111.616-6.144-13.312-12.288-23.552-13.312-32.768-1.024-13.312-4.096-20.48-1.024-36.864 1.024-16.384 12.288-38.912 12.288-39.936 0-1.024-1.024-10.24-20.48-10.24s-35.84 3.072-36.864 9.216-4.096 16.384-7.168 28.672c-4.096 12.288-50.176 114.688-62.464 141.312-6.144 13.312-12.288 25.6-15.36 32.768v1.024c-3.072 6.144-6.144 10.24-6.144 10.24-3.072 4.096-6.144 9.216-7.168 9.216s-3.072-12.288 0-29.696c7.168-35.84 23.552-92.16 23.552-93.184s3.072-10.24-10.24-16.384c-13.312-4.096-17.408 3.072-19.456 3.072s-1.024 3.072-1.024 3.072 15.36-62.464-28.672-62.464c-26.624 0-65.536 29.696-84.992 56.32-12.288 6.144-36.864 20.48-63.488 33.792-10.24 6.144-20.48 12.288-30.72 16.384 0 0-1.024-1.024-1.024-3.072-53.248-56.32-151.552-96.256-147.456-174.08 1.024-28.672 10.24-101.376 188.416-188.416 145.408-72.704 263.168-52.224 282.624-7.168 28.672 63.488-62.464 181.248-214.016 197.632-58.368 6.144-88.064-16.384-95.232-23.552-7.168-9.216-9.216-9.216-12.288-7.168-4.096 3.072-1.024 10.24 0 15.36 4.096 12.288 23.552 32.768 55.296 43.008 28.672 9.216 95.232 13.312 177.152-17.408 92.16-35.84 163.84-134.144 142.336-217.088s-163.84-115.712-294.912-68.608c-78.848 28.672-163.84 71.68-224.256 129.024-72.704 68.608-82.944 125.952-78.848 151.552C53.248 545.792 175.104 602.112 222.208 645.12c-3.072 1.024-4.096 3.072-6.144 3.072-23.552 12.288-115.712 59.392-139.264 111.616-26.624 58.368 4.096 100.352 23.552 104.448 62.464 17.408 125.952-13.312 160.768-65.536 33.792-50.176 29.696-117.76 15.36-147.456v-1.024c6.144-3.072 13.312-7.168 19.456-10.24 12.288-7.168 23.552-13.312 33.792-19.456-6.144 16.384-10.24 35.84-12.288 63.488-3.072 32.768 10.24 75.776 28.672 92.16 7.168 7.168 16.384 7.168 22.528 7.168 20.48 0 29.696-16.384 39.936-36.864 12.288-25.6 23.552-53.248 23.552-53.248s-13.312 76.8 23.552 76.8c13.312 0 28.672-17.408 33.792-26.624 6.144-9.216 0 0 1.024-1.024 1.024-3.072 3.072-3.072 3.072-3.072 6.144-10.24 17.408-30.72 36.864-68.608 23.552-47.104 47.104-107.52 47.104-107.52s1.024 15.36 9.216 38.912c4.096 13.312 13.312 29.696 19.456 45.056-6.144 7.168-9.216 12.288-9.216 12.288-3.072 6.144-7.168 11.264-13.312 19.456-19.456 22.528-41.984 49.152-45.056 56.32-3.072 9.216-3.072 15.36 4.096 20.48 4.096 4.096 13.312 4.096 23.552 4.096 16.384-1.024 29.696-6.144 33.792-7.168 9.216-3.072 19.456-9.216 29.696-16.384 19.456-13.312 29.696-32.768 28.672-59.392 0-15.36-6.144-28.672-10.24-41.984 1.024-3.072 3.072-4.096 4.096-7.168 29.696-43.008 52.224-91.136 52.224-91.136s1.024 15.36 9.216 38.912c3.072 12.288 10.24 25.6 16.384 38.912-28.672 22.528-45.056 49.152-50.176 65.536-10.24 30.72-3.072 46.08 13.312 49.152 7.168 1.024 17.408-1.024 25.6-6.144 10.24-3.072 20.48-9.216 32.768-16.384 19.456-13.312 36.864-32.768 35.84-59.392 0-12.288-3.072-23.552-7.168-33.792 23.552-10.24 53.248-15.36 92.16-10.24 82.944 10.24 99.328 61.44 96.256 82.944-3.072 22.528-20.48 33.792-26.624 36.864s-7.168 4.096-7.168 7.168c0 4.096 3.072 3.072 9.216 3.072 7.168-1.024 43.008-17.408 45.056-58.368-7.168-52.224-56.32-107.52-140.288-107.52z m-640 215.04c-26.624 29.696-65.536 41.984-81.92 30.72-17.408-10.24-10.24-55.296 22.528-86.016 20.48-19.456 47.104-36.864 63.488-47.104 4.096-3.072 10.24-6.144 16.384-10.24 1.024 0 1.024-1.024 1.024-1.024 1.024-1.024 3.072-1.024 4.096-3.072 16.384 46.08 4.096 83.968-25.6 116.736zM409.6 646.144c-9.216 23.552-29.696 82.944-41.984 79.872-10.24-3.072-16.384-47.104-1.024-92.16 7.168-22.528 23.552-49.152 32.768-59.392 15.36-16.384 30.72-22.528 35.84-15.36 3.072 8.192-19.456 71.68-25.6 87.04z m164.864 78.848c-4.096 1.024-7.168 3.072-9.216 3.072s1.024-3.072 1.024-3.072 20.48-22.528 28.672-32.768c4.096-6.144 10.24-13.312 16.384-20.48v3.072c1.024 24.576-25.6 41.984-36.864 50.176zM701.44 696.32c-3.072-1.024-3.072-9.216 7.168-30.72 4.096-9.216 13.312-22.528 28.672-36.864 1.024 6.144 3.072 10.24 3.072 16.384 0 33.792-24.576 45.056-38.912 51.2z" fill="#FF83C4" p-id="5288"></path></svg>
                </div>
                <div class="jianjie">
                    使用了scss技术
                </div>
            </div>
            <div class="content_list_item">
                <div class="tec_icon">
                    <svg t="1707198637996" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6266" width="32" height="32"><path d="M725.333333 928H298.666667c-88.32 0-160-71.68-160-160v-35.84c0-29.44-4.693333-58.453333-14.08-86.613333A86.229333 86.229333 0 0 0 42.666667 586.666667c-17.493333 0-32-14.506667-32-32v-85.333334c0-17.493333 14.506667-32 32-32 37.12 0 70.4-23.893333 81.92-58.88 9.386667-28.16 14.08-57.173333 14.08-86.613333V256c0-88.32 71.68-160 160-160h426.666666c88.32 0 160 71.68 160 160v35.84c0 29.44 4.693333 58.453333 14.08 86.613333 11.946667 35.413333 44.8 58.88 81.92 58.88 17.493333 0 32 14.506667 32 32v85.333334c0 17.493333-14.506667 32-32 32-37.12 0-70.4 23.893333-81.92 58.88-9.386667 28.16-14.08 57.173333-14.08 86.613333V768c0 88.32-71.68 160-160 160zM74.666667 526.08a149.76 149.76 0 0 1 110.506666 99.413333c11.52 34.56 17.493333 70.4 17.493334 106.666667V768c0 52.906667 43.093333 96 96 96h426.666666c52.906667 0 96-43.093333 96-96v-35.84c0-36.266667 5.973333-72.106667 17.493334-106.666667 17.066667-51.2 59.733333-88.32 110.506666-99.413333v-28.16a149.76 149.76 0 0 1-110.506666-99.413333 336.64 336.64 0 0 1-17.493334-106.666667V256c0-52.906667-43.093333-96-96-96H298.666667C245.76 160 202.666667 203.093333 202.666667 256v35.84c0 36.266667-5.973333 72.106667-17.493334 106.666667-17.066667 51.2-59.733333 88.32-110.506666 99.413333v28.16z" fill="#d4237a" p-id="6267"></path><path d="M540.586667 721.92H416c-17.493333 0-32-14.506667-32-32V334.506667c0-17.493333 14.506667-32 32-32h124.586667c66.56 0 120.746667 54.186667 120.746666 120.746666 0 34.986667-14.933333 66.986667-39.253333 88.746667 23.893333 22.186667 39.253333 53.76 39.253333 88.746667 0 66.986667-54.186667 121.173333-120.746666 121.173333z m-92.586667-64h92.586667a56.746667 56.746667 0 1 0 0-113.493333H448v113.493333z m0-177.92h92.586667a56.746667 56.746667 0 1 0 0-113.493333H448v113.493333z" fill="#d4237a" p-id="6268"></path></svg>
                </div>
                <div class="jianjie">
                    使用了bootstrap技术
                </div>
            </div>
            <div class="content_list_item">
                <div class="tec_icon">
                    <svg t="1707199644055" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8114" width="32" height="32"><path d="M615.6 123.6h165.5L512 589.7 242.9 123.6H63.5L512 900.4l448.5-776.9z" fill="#41B883" p-id="8115"></path><path d="M781.1 123.6H615.6L512 303 408.4 123.6H242.9L512 589.7z" fill="#34495E" p-id="8116"></path></svg>
                </div>
                <div class="jianjie">
                    采用了vue2
                </div>
            </div>
            <div class="content_list_item">
                <div class="tec_icon">
                    <svg t="1707199715915" class="icon" viewBox="0 0 4142 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9201" width="32" height="32"><path d="M3825.200582 704.737445h22.089186a19.395383 19.395383 0 0 1 18.587243 11.044594s29.093075 53.876065 36.905104 66.80632 0 11.313974-3.232564 11.044593-8.35079 0-92.936211 0a132.804499 132.804499 0 0 1-122.298667-122.298667v-188.566225h-66.53694v-71.116406c0-9.697692 11.044593-11.044593 11.044594-11.044593h55.761726v-70.577644a16.162819 16.162819 0 0 1 11.044594-14.815918l61.957474-17.779101c9.158931-2.693803 15.893439 0 15.893439 9.428311V404.109005h96.438155c9.158931 0 11.044593 11.044593 11.044594 11.044594V484.923102h-107.752129v163.244476c0 47.410937 51.990402 55.761727 51.990402 55.761727z m-285.543142 80.814097h-59.263671c-11.583354 0-11.044593-14.815918-11.044593-14.815917V497.045217c0-16.70158-22.358567-22.358567-22.358567-22.358567h-122.298667c-18.317862 0-18.587242 22.358567-18.587242 22.358567v278.000493a11.044593 11.044593 0 0 1-11.044593 11.313973h-59.263671c-12.930255 0-11.044593-14.815918-11.044593-14.815918V426.467572c0-26.938032 33.40316-33.40316 33.40316-33.40316h259.41325c26.938032 0 33.13378 33.40316 33.13378 33.40316V767.772441c0 19.395383-11.044593 18.587242-11.044593 18.587242z m-422.118966-155.163066h-229.781415v55.761727c0 19.934144 26.938032 26.938032 26.938032 26.938032h183.17862a31.248117 31.248117 0 0 1 22.089186 11.313974s16.4322 33.67254 22.358567 48.219078-11.044593 14.815918-11.044593 14.815918H2855.43142c-33.40316 0-40.676429-40.945809-40.676429-40.94581V431.047038c0-18.048482 26.938032-26.938032 26.938033-26.938033h278.000493c26.938032 0 33.40316 33.13378 33.40316 33.13378v159.742531c0 26.938032-33.40316 33.13378-33.40316 33.13378z m-40.945809-133.343259s-2.155043-18.587242-18.317862-18.587243h-152.199882s-18.317862 4.848846-18.317862 18.587243V538.799167a18.587242 18.587242 0 0 0 18.317862 18.587242h152.199882a24.244229 24.244229 0 0 0 18.317862-22.358567v-37.982625z m-348.308757 289.314466h-59.263671c-7.812029 0-11.044593-11.313974-11.044593-11.313973V497.045217c0-17.240341-22.358567-22.358567-22.358567-22.358567h-55.492347c-15.624059 0-18.587242 22.358567-18.587242 22.358567v278.000493c0 9.428311-11.044593 11.313974-11.044593 11.313973h-59.263671c-8.35079 0-11.313974-11.313974-11.313974-11.313973V497.045217c0-17.779101-22.089186-22.358567-22.089186-22.358567h-55.761727c-16.97096 0-18.317862 22.358567-18.317862 22.358567v278.000493a10.505833 10.505833 0 0 1-11.313973 11.313973h-59.263671a11.044593 11.044593 0 0 1-11.044594-11.313973V422.696248c0-20.203524 29.631835-29.631835 29.631836-29.631836h370.667324c29.631835 0 36.905104 37.174485 36.905104 37.174485v344.806813c0 12.930255-11.044593 11.313974-11.044593 11.313973z m-538.760645-155.971207H1961.088749v55.761727c0 19.934144 26.938032 26.938032 26.938032 26.938032h185.333662a32.056258 32.056258 0 0 1 22.358567 11.313974s16.162819 33.67254 22.089186 48.219078-11.044593 14.815918-11.044593 14.815918H1927.685589c-33.40316 0-40.676429-40.945809-40.676429-40.94581V431.047038c0-18.048482 26.938032-26.938032 26.938033-26.938033h276.922971c26.938032 0 33.40316 33.13378 33.40316 33.13378v159.742531c0 26.938032-33.40316 33.13378-33.40316 33.13378z m-40.676429-133.343259s-2.424423-18.587242-18.587242-18.587243h-150.583601s-18.587242 4.848846-18.587242 18.587243V538.799167a18.587242 18.587242 0 0 0 18.587242 18.587242h151.930502a24.513609 24.513609 0 0 0 18.587242-22.358567v-37.982625zM1831.786194 786.359683h-141.155289a117.18044 117.18044 0 0 1-111.254073-107.752129V244.905235h66.80632a21.281045 21.281045 0 0 1 22.089186 22.089186v389.523947A69.500123 69.500123 0 0 0 1720.262741 700.42736h59.263671s19.395383-6.195747 33.40316 18.587243l29.631835 51.990402s2.155043 14.815918-11.044593 14.815918z m-715.474137-22.358567V274.53707a26.938032 26.938032 0 0 1 18.587242-26.938032h348.039377c19.664764 0 11.313974 22.358567 11.313974 22.358567s-11.044593 30.170596-18.587242 44.447753a26.938032 26.938032 0 0 1-22.358567 14.815918h-226.010091a20.742285 20.742285 0 0 0-22.358567 18.587242v122.298666h255.911307c14.815918 0 7.273269 18.587242 7.273269 18.587243s-19.126003 40.945809-26.938033 51.990402a28.284934 28.284934 0 0 1-22.358567 11.044593h-215.504258v129.841316a24.513609 24.513609 0 0 0 18.587243 22.358567h237.324064a22.897327 22.897327 0 0 1 22.089186 11.044593l33.40316 51.990402c9.967072 15.085298-3.771325 18.587242-3.771324 18.587242H1138.401244c-15.624059 0.808141-22.358567-21.550426-22.358567-21.550426z m-219.275583-30.709356c0 42.292711-22.358567 51.990402-22.358566 51.990402s-381.173157 219.814343-405.956147 233.82212a45.255894 45.255894 0 0 1-40.945809 0S29.362455 787.975965 14.815918 777.739513a34.750062 34.750062 0 0 1-14.815918-26.938032V271.843267c0-21.011665 26.938032-35.827583 26.938032-35.827583L424.274008 5.695508a53.876065 53.876065 0 0 1 48.219078 0S824.303787 210.155173 862.017033 232.24436a56.031107 56.031107 0 0 1 33.67254 55.492346v445.555054z m-158.93439-457.946549c-80.814097-46.872176-273.690408-158.126249-273.690408-158.126249a42.562091 42.562091 0 0 0-37.982625 0L113.678496 296.356876s-20.742285 12.391495-20.472904 29.093075 0 374.977409 0 374.977409a26.938032 26.938032 0 0 0 11.583354 20.203525c11.583354 8.08141 323.256387 188.566226 323.256387 188.566225a35.019442 35.019442 0 0 0 32.056258 0c19.395383-10.775213 318.407541-182.909239 318.407541-182.909239s17.509721-7.542649 17.509721-40.676428v-93.474972l-350.73318 212.810454v-80.814096a80.814097 80.814097 0 0 1 26.938033-55.761727l311.403653-188.566226a67.0757 67.0757 0 0 0 14.815917-39.329527v-82.699759L445.285673 571.124805V484.923102a58.45553 58.45553 0 0 1 22.358567-48.219078zM4049.32501 302.013863h-60.341192v-134.690161c0-2.963184 3.232564-5.656987 7.812029-6.465128l38.790767-7.003888c7.003888 0 13.738396 1.885662 13.738396 6.465127z" fill="#409EFF" p-id="9202"></path><path d="M3988.983818 242.480812h60.341192v137.653345c0 2.963184-2.963184 5.656987-7.542649 6.734508l-39.060147 7.003888c-7.003888 1.346902-13.738396-1.885662-13.738396-6.465128z" fill="#409EFF" p-id="9203"></path><path d="M3908.439102 242.480812h221.430625a10.775213 10.775213 0 0 1 10.775213 10.775213v49.835359h-242.442291V252.178503a10.775213 10.775213 0 0 1 10.236453-9.697691z" fill="#409EFF" p-id="9204"></path></svg>
                </div>
                <div class="jianjie">
                    采用了ElementUI提供特殊组件的UI支持
                </div>
            </div>
            <div class="content_list_item">
                <div class="tec_icon">
                    <svg t="1707199798485" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10418" width="32" height="32"><path d="M882.23288889 749.45422222L526.90488889 950.38577778V793.94133333l221.41155556-121.856 133.91644444 77.36888889z m24.34844444-22.07288889V307.08622222l-129.93422222 75.09333333v270.22222223l129.93422222 74.97955555z m-766.17955555 22.07288889l355.328 201.04533333V793.94133333L274.20444445 672.08533333l-133.80266667 77.36888889zM116.05333333 727.38133333V307.08622222l129.93422222 75.09333333v270.22222223L116.05333333 727.38133333z m15.24622222-447.60177778l364.43022223-206.16533333v151.32444445L262.144 353.39377778l-1.82044445 1.024c0 0.11377778-129.024-74.63822222-129.024-74.63822223z m760.03555556 0L526.90488889 73.728v151.32444445l233.472 128.34133333 1.82044444 1.024 129.13777778-74.63822223z" fill="#8ED6FB" p-id="10419"></path><path d="M495.72977778 758.21511111l-218.45333333-120.14933333V400.15644445l218.45333333 126.17955555v231.87911111z m31.17511111 0l218.45333333-120.03555556V400.15644445l-218.45333333 126.17955555v231.87911111zM291.95377778 372.62222222l219.24977777-120.49066667L730.45333333 372.62222222 511.31733333 499.25688889 291.95377778 372.62222222z" fill="#1C78C0" p-id="10420"></path></svg>
                </div>
                <div class="jianjie">
                    采用了webpack构建方式
                </div>
            </div>

            <article class="short_message">
                <h4>
                    <svg t="1707201841198" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15492" id="mx_n_1707201841200" width="32" height="32"><path d="M532.642828 790.362471a12.042367 12.042367 0 0 0-13.958199 0L122.436002 1015.007362A48.16947 48.16947 0 0 1 46.268028 975.842299V84.269203A84.269203 84.269203 0 0 1 130.537231 0h762.883978a84.269203 84.269203 0 0 1 84.269203 84.269203v891.573096a48.16947 48.16947 0 0 1-76.167974 39.165063l-368.852241-224.644891zM250.933537 337.104182h522.091367a36.127102 36.127102 0 1 0 0-72.226836H250.933537a36.127102 36.127102 0 0 0 0 72.226836z m0 192.623141h522.091367a36.127102 36.127102 0 0 0 0-72.226836H250.933537a36.127102 36.127102 0 0 0 0 72.226836z" fill="#26ceaa" p-id="15493"></path></svg>
                    项目简介
                </h4>
                高度还原了qq音乐pc端，已实现的页面包括：首页、歌手、新碟、排行榜、分类歌单、电台、mv、数字专辑
                <br/>feature: 独立封装了Itemcard组件，此组件用来模拟qq音乐的音乐卡片，在多个页面中复用，并且其内部可以根据
                props,slot提供的内容进行调整。另外可决定是否显示播放按钮。
             
            </article>
        </div>
    </div>
</body>
</html>